<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" name="viewport" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <meta name="viewport" content="width=375">
    <meta name="viewport" content="width=414">

    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <link rel="stylesheet" href="css/topic.css">
    <script src="js/jquery.1.11.1.js"></script>

    <title>专题详情</title>

    <style type="text/css">
        .topic_wrap {
            width: 100%;
            height: 100%;
            overflow-y: scroll;
            -webkit-overflow-scrolling: touch;
        }
    </style>
</head>
<body>

<div class="topic_wrap">
    <div class="topic_images">
        <img src="images/38.jpg">
    </div>
    <div class="topic_summary">
        <div class="topic_title">电商规划</div>
        <div class="topic_price">￥10</div>
        <div class="topic_label_list">
            <div class="topic_label">社群</div>
            <div class="topic_label">社交</div>
            <div class="topic_label">娱乐</div>
        </div>

    </div>
    <div class="topic_intro">
        <p style="color:#908b8b">专题介绍</p>
        <div class="separate_line"></div>
        <div class="topic_desc">
            所谓专题，是指针对某个特定对象而特别收集制作而成的一种集中作品，
            这个对象可以是具体的某个人物或者某个事物，也可以是某个抽象的范围或者领域。
            在网络上这种作品一般表现为游戏专题或者新闻专题，其中的新闻专题又包括人物专题和新闻热点专题等。
            所谓专题，是指针对某个特定对象而特别收集制作而成的一种集中作品，
            这个对象可以是具体的某个人物或者某个事物，也可以是某个抽象的范围或者领域。
            在网络上这种作品一般表现为游戏专题或者新闻专题，其中的新闻专题又包括人物专题和新闻热点专题等。
            所谓专题，是指针对某个特定对象而特别收集制作而成的一种集中作品，
            这个对象可以是具体的某个人物或者某个事物，也可以是某个抽象的范围或者领域。
            在网络上这种作品一般表现为游戏专题或者新闻专题，其中的新闻专题又包括人物专题和新闻热点专题等。
            所谓专题，是指针对某个特定对象而特别收集制作而成的一种集中作品，
            这个对象可以是具体的某个人物或者某个事物，也可以是某个抽象的范围或者领域。
            在网络上这种作品一般表现为游戏专题或者新闻专题，其中的新闻专题又包括人物专题和新闻热点专题等。
        </div>
    </div>
    <div style="padding: 10px;margin-bottom: 40px;">
        <div class="p_card">
            <div class="p_up_card_header">
                <div class="header_name">
                    <div class="header_img">
                        <img src="images/header_img.png">
                    </div>
                    <div class="header_text">
                        <div class="header_nickname">易群通</div>
                        <div class="header_invite">邀请您加入谱创会</div>
                    </div>
                </div>
                <div class="header_qrcode">
                    <img src="images/qrcode.png">
                </div>
                <div class="clear"></div>

            </div>
            <div style="padding-right: 15px;padding-left: 15px;">
                <div class="card_separate"></div>
            </div>
            <div class="personal_card">个人名片</div>
        </div>
    </div>
</div>
<div class="topic_footer">购买</div>
<script>
    $(function () {
        $(".topic_footer").on("click",function () {
            window.location.href="register.html";
        })
    })
</script>
</body>
</html>